<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>音乐家layui</title>
    <!-- 引入 layui.css -->
    <link href="//unpkg.com/layui@2.12.0/dist/css/layui.css" rel="stylesheet" />
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.12.0/dist/layui.js"></script>
  </head>

  <body>
    <table
      class="layui-table"
      lay-data="{maxHeight: 1000,url:'http://localhost:1984/musicians/listlayui', page:true,even:true}"
      id="ID-table-demo-init"
    >
      <thead>
        <tr>
          <th lay-data="{field:'id',width:80,sort: true}">ID</th>
          <th lay-data="{field:'name'}">原名</th>
          <th lay-data="{field:'namecn'}">中文名</th>
          <th lay-data="{field:'nationality'}">国籍</th>
          <th lay-data="{field:'mainworks'}">主要作品</th>
          <th lay-data="{field:'dateofbirth'}">出生日期</th>
          <th lay-data="{field:'dateofdeath'}">去世日期</th>
        </tr>
      </thead>
    </table>

    <script>
      
    </script>
  </body>
</html>
